import { Todo } from "./Todo";

export const TodoList = ({ todos, toggleTodo }) => (
  <ul>
    {todos.map((todo) => (
      <Todo key={todo.id} todo={todo} onTodoClick={toggleTodo} />
    ))}
  </ul>
)